<template lang="">
  <el-container>
  <el-header>
    <div>
      <i class="el-icon-lollipop"></i>
       蓝桥教务管理系统
    </div>
  </el-header>
  <el-container>
    <el-aside width="200px">
      <el-menu
          default-active="1"
          :unique-opened="true"
          :collapse-transition="false"
          router
        >
          <el-submenu
            :index="item.id + ''"
            v-for="item in menulist"
            :key="item.id"
          >
            <template slot="title">
              <i class="el-icon-s-unfold"></i>
              <span>{{ item.authName }}</span>
            </template>
            <el-menu-item
              :index="'/' + authMenu.path"
              v-for="authMenu in item.children"
              :key="authMenu.id"
            >
              <i class="el-icon-video-camera-solid"></i>
              <span>{{ authMenu.authName }}</span>
            </el-menu-item>
          </el-submenu>
        </el-menu>
    </el-aside>
    <el-main>
      <router-view></router-view>
    </el-main>
  </el-container>
</el-container>
</template>
<script>
export default {
  data() {
    return {
      menulist:[
        {
          id: "1",
          authName: "系统管理",
          children:[
            {
              id: "1-1",
              authName: "员工管理",
              path: "staffinfo"
            },
            {
              id: "1-2",
              authName: "角色管理",
              path: "roleinfo"
            },
            {
              id: "1-3",
              authName: "角色变更",
              path: "staffinfo_role"
            },
            {
              id: "1-4",
              authName: "权限管理",
              path: "anthorty"
            },
            {
              id: "1-5",
              authName: "权限变更",
              path: "anthorty_change"
            },
             {
              id: "1-6",
              authName: "数据字典",
              path: "datadictionary"
            }
          ]
        },
        {
          id: "2",
          authName: "营销管理",
          children:[
            {
              id: "2-1",
              authName: "模块管理",
              path: "modelinfo"
            },
            {
              id: "2-2",
              authName: "短信管理",
              path: "messageinfo"
            },
            {
              id: "2-3",
              authName: "邮箱管理",
              path: "emailinfo"
            },
            {
              id: "2-4",
              authName: "营销活动",
              path: "marketactive"
            }
          ]
        },
        {
          id: "3",
          authName: "招生管理",
          children:[
            {
              id: "3-1",
              authName: "学生池",
              path: "studentpool"
            },
            {
              id: "3-2",
              authName: "招生线索",
              path: "recruitstudent"
            },
            {
              id: "3-3",
              authName: "跟踪记录",
              path: "trackrecord"
            },
            {
              id: "3-4",
              authName: "试听记录",
              path: "auditioninfo"
            }
          ]
        },
        {
          id: "4",
          authName: "班级管理",
          children:[
            {
              id: "4-1",
              authName: "学课信息",
              path: "disciplineinfo"
            },
            {
              id: "4-2",
              authName: "教室信息",
              path: "classroominfo"
            },
            {
              id: "4-3",
              authName: "课程表",
              path: "syllabusinfo"
            },
            {
              id: "4-4",
              authName: "教师管理",
              path: "teacherinfo"
            },
            {
              id: "4-4",
              authName: "班级管理",
              path: "classinfo"
            }
          ]
        },
        {
          id: "5",
          authName: "学员管理",
          children:[
            {
              id: "5-1",
              authName: "学员信息",
              path: "student"
            },
            {
              id: "5-2",
              authName: "学员评价",
              path: "evalustioninfo"
            },
            {
              id: "5-3",
              authName: "沟通记录",
              path: "communicateinfo"
            },
            {
              id: "5-4",
              authName: "学员成绩",
              path: "studenteritegrade"
            }
          ]
        },
        {
          id: "6",
          authName: "教务管理",
          children:[
            {
              id: "6-1",
              authName: "班级事务",
              path: "student"
            },
            {
              id: "6-2",
              authName: "学员考勤",
              path: "evalustioninfo"
            },
          ]
        },
        {
          id: "7",
          authName: "教务管理",
          children:[
            {
              id: "7-1",
              authName: "班级事务",
              path: "student"
            },
            {
              id: "7-2",
              authName: "学员考勤",
              path: "evalustioninfo"
            },
          ]
        },
        {
          id: "8",
          authName: "教务管理",
          children:[
            {
              id: "8-1",
              authName: "班级事务",
              path: "student"
            },
            {
              id: "8-2",
              authName: "学员考勤",
              path: "evalustioninfo"
            },
          ]
        },
      ]
    }
  },
};
</script>
<style lang="less" scoped>
.el-header {
  height: 45px !important;
  background: #438eb9;
  div {
    font-size: 20px;
    line-height: 45px;
    color: #fff;
  }
}
</style>